window.onload = function  () {
	// alert(777)
	// 捉元素
	imglist = document.getElementsByTagName('img');
	banner = document.getElementById('banner');
	cilck_left = document.getElementById('cilck_left');
	cilck_right = document.getElementById('cilck_right');
	cilck_list = document.getElementsByTagName('li');

	// 定义一个控制的变量
	num =0;
	//循环走的方法 
	function run () {
		//把所有符合条件的处理下
		for(var x=0 ;x<imglist.length;x++){
			imglist[x].style.display="none";
			cilck_list[x].style.backgroundColor="#6B6B6B";
		}
		//把循环到的处理下
		imglist[num].style.display="block";
		cilck_list[num].style.backgroundColor="#fff";
		//走到最后一个，跳到第一个
		if(num==imglist.length-1){
			num = 0;
		}else{
			num++;
		}
	}

	//加定时器
	time = setInterval(run, 500);
	//加进入事件，清定时器
	banner.onmouseover = function  () {
		clearInterval(time);
	}
	//加离开事件，开启定时器
	banner.onmouseout = function  () {
		time = setInterval(run, 500);
	}
	//循环给点加事件
	for (var i = 0; i < cilck_list.length; i++) {
		add_cilck(i);
	};

	function add_cilck (xy) {
		cilck_list[xy].onclick = function  () {
			num =xy;
			run();
		}
	}
	//右边点击走一次
	cilck_right.onclick = function  () {
		run();
	}

	//右边点击走一次
	cilck_left.onclick = function  () {

		if(num==0){
			num=imglist.length-2;
		}else if(num==1){
			num=imglist.length-1;
		}else{
			num-=2;
		}
		run();
	}



}